<!DOCTYPE  PUBLIC "-//W3C//DTD X 1.0 Transitional//EN" "http://www.w3.org/TR/x1/DTD/x1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/; charset=utf-8" http-equiv="Content-Type">  
<link type="text/css" rel="stylesheet" href="{TPL}css/NewTopFoot.css"  />
<link type="text/css" id="styleName" rel="stylesheet" href="{TPL}css/orange/color.css"/ >    
<link type="text/css"  rel="stylesheet" href="{TPL}css/public.css"/>
<script src="{TPL}js/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript" src="{TPL}js/wdggcGobal.js"></script>
<script type="text/javascript" src="{TPL}js/Gobal.js"> </script>
<script src="{TPL}js/jqEstimates.js" type="text/javascript"></script>
<script src="{TPL}js/ui.fliter.js" type="text/javascript"></script>

<title>Estimated cost</title>
</head>

<body>

{template 'header'}

<div class="admin">
          <div class="ding" style="border:none;">
	            <div class="shouye">
	                <a href="{url_m.php}" title="My Home"></a>
	            </div>
	            <div class="lb">
	                <div class="weizhi">
	                    <b>Your location：</b><a href="{url_m.php}">Member Center</a><span>&gt;</span>Estimated cost</div>
	                
	          		<div class="shezhi">
	                    <p>
	                        <a href="{url_m.php}">My Home</a><span>|</span>Setting style：</p>
	                    <ul>
	                        <li class="mypanliS1" onclick="changeStyle('orange')"></li>
	                        <li class="mypanliS2" onclick="changeStyle('grey')"></li>
	                        <li class="mypanliS3" onclick="changeStyle('blue')"></li>
	                    </ul>
	                </div>
	             </div>
          </div>
		  
		  	{template 'member_left'}
    <div class="account" style=" float:right; border:none;">
    
     <table class="rjiandan" style="border:none; margin-top:20px;">
       <tbody>
                <tr align="left">
                    <td>
                       1: Fill in your total price of the goods to be purchased
                    </td>
                    <td>
                        <input type="text" value="{GetNum($_GET['m'])}" style="width: 200px;" id="tbTotleProductCost" class="inp1">（yuan）
                    </td>
                </tr>
                <tr align="left">
                    <td>
                       2: estimate your need to purchase a total weight of goods <br/>&nbsp;&nbsp;&nbsp;
					     (excluding packaging)
                    </td>
                    <td>
                        <input type="text" value="{GetNum($_GET['w'])}" style="width: 200px;" id="tbTotleWeight" class="inp1">（ｇ）
                    </td>
                </tr>
                <tr align="left">
                    <td>
                        3: Choose your shipping region
                    </td>
                    <td>
                        <select id="ctl00_ctl00_ctl00_NewContentPlaceHolder_ContentPlaceHolder1_subContent_ddlArea" name="ctl00$ctl00$ctl00$NewContentPlaceHolder$ContentPlaceHolder1$subContent$ddlArea">
	<option value="Shipping Area">Shipping Area</option>			
{loop $areaarray $r}			
	<option value="{$r['aid']}">{$r['name_cn']}</option>
{/loop}


</select>
                    </td>
                </tr>
                <tr>
                    <td>
                        4: calculated
                    </td>
                    <td>
                        <input id="Button1" type="button" value="Cost estimates" onclick="es.getDetail();" class="" />
                    </td>
                </tr>
                <tr id="trEstimatesResault">
                    <td colspan="2">
                    </td>
                </tr>
            </tbody>
        </table>
        <br />
        <table id="resEstimates" width="98%" border="0" cellpadding="2" cellspacing="1" bgcolor="#0066FF">
        </table>
    </div>
 
    <script type="text/javascript">
        var es = {};
        $(document).ready(function() {
            $('tr').attr('align', 'left');
            $('#tbTotleProductCost').fliter({ type: 'num' });
            $('#tbTotleWeight').fliter({ type: 'onlynum' });
            $("input[type='text']").addClass('inp1').bind('focus', function() { $(this).addClass('inp2'); }).bind('blur', function() { $(this).removeClass('inp2').addClass('inp1'); })
            es = $.Estimates({ tbTotleProductCost: $('#tbTotleProductCost'), tbTotleWeight: $('#tbTotleWeight'), ddlArea: $('#ctl00_ctl00_ctl00_NewContentPlaceHolder_ContentPlaceHolder1_subContent_ddlArea'), ddlSendType: $('#ddlSendType'), trEstimatesResault: $('#trEstimatesResault'), tbEstimatesDetail: $('#resEstimates') });
 
        })
    </script>
 
 
</div>


    
{template 'footer'}
    
</body>
</>
